<template>
  <div class="login_form">
    <!--    <div id="app">-->
    <!--      <img src="../assets/1111.png">-->
    <!--    </div>-->
    <mucang-parameter></mucang-parameter>
    <Json-tools></Json-tools>
  </div>
</template>
<script>
import jsonTools from './json-tools'
import mucangParameter from './mucang-parameter'

export default {
  name: 'hello-world',
  data () {
    return {}
  },
  methods: {},
  mounted () {
    //点击任意位置关闭区域弹窗
    document.addEventListener('click', (e) => {
      //获取弹窗对象
      const userCon = document.getElementById('menu')
      //判断弹窗对象中是否包含点击对象
      if (userCon && !userCon.contains(e.target)) {
        //如果包含则跳转回之前的页面
        this.treeRightClick = false
      }
    })
  },
  // 注册私有组件
  components: {
    jsonTools,
    mucangParameter,
  }
}
</script>
<style>
/* 居中往下 */
.login_form {
  position: absolute; /*绝对定位 */
  bottom: 0px; /* 最底下*/
  width: 100%;
  padding: 0 20px; /*  上下内边距为0，左右内边距为20 */
  box-sizing: border-box; /* 宽高和盒子一样 */
}

/* 按钮在右侧 */
.bts {
  display: flex;
  justify-content: flex-end;
}
</style>




